<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学员信息表</title>
    <link rel="stylesheet" href="cs/style.css">
</head>
<body>
<div class="header">
    <h1>学员信息表</h1>
    <p>1803</p>
</div>

<div class="nav">
    <div class="nav-heder">
        <h2>添加</h2>
        <div class="foot">
            <input  id="x" type="text" placeholder="姓名">
            <select id="n">
                <option value="男">男</option>
                <option value="女">女</option>
            </select>
            <input id="b" type="text" placeholder="年龄">
            <button id="btn">添加</button>
        </div>

        <h2>列表</h2>
        <p class="p-1"><span>姓名</span><span>性别</span><span>年龄</span></p>
        <ul id="list">
            <li>
            </li>
        </ul>
    </div>
</div>
<script src="js/script.js"></script>
</body>
</html>